.profile{
  .profile-img{
    width: 7rem;
    border-radius: 50%;
    border: solid 3px $white;
    box-shadow: 0 0 3px $gray-800;
  }
  
  .job-title{
    color: $text-muted-dark;
  }
}

.work-status, .badge-status{
  font-weight: bold;
  padding: 3px 12px;
  border-radius: 18px;
  font-size: 0.8rem;
}

.field-list{
  .field{
    display: flex;
    padding: 5px 0px;

    &-name{
      max-width: 30%;
      min-width: 120px;
      flex-basis: 150px;
      color: $text-muted;
      // padding: 0.375rem 0.75rem;
    }

    &-value{
      flex-grow: 1;
      padding-left: 10px;
    }
  }

  &.label-wrap{
    .field-name{
      min-width: 0;
    }
  }
}

form{
  .field-list{
    .field-name{
      padding: 0.375rem 0rem;
    }
  }
}
